<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>06_超链接</title>
</head>
<body>
<a href="https://tts10.tmooc.cn">达内官网</a>
<hr>
<a href="03_分区元素.html">展示分区元素</a>
<a href="1.jpg">展示图片</a>
<h3>展示超链接</h3>
<a href="https://tts10.tmooc.cn"><img src="../3.jpg" alt="达内" width="200px"></a>

<!--  锚点  -->
<h1>西游记</h1>
<a href="#c1">跳转至第1章</a>
<a href="#c2">跳转至第2章</a>
<a href="#c3">跳转至第3章</a>
<h3 id="c1">第一章 石猴出世</h3>
<p>
    <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque aut, distinctio dolores ea earum error natus officiis quisquam soluta voluptatum. Accusantium cum cumque dignissimos eaque modi numquam officiis sunt totam.</span><span>Accusantium, ad cum delectus dolorum facere fuga harum, id illo laborum maiores minus modi nobis provident similique tempore? Aspernatur deleniti dolore dolorum ducimus esse eum modi quia tenetur veritatis vero.</span><span>Aliquam aliquid culpa, doloremque fuga mollitia natus nobis rem. A asperiores cumque debitis deleniti ea impedit, ipsum labore laborum minus molestiae molestias pariatur porro possimus provident quasi sit veniam voluptatibus!</span><span>Odio possimus quaerat sed velit voluptatum. Beatae, delectus eius facilis ipsa minus natus nemo nihil nobis odit placeat, quasi quo quos recusandae vel veritatis. Accusantium commodi cumque ducimus in perspiciatis?</span><span>Adipisci aut, consequuntur ex harum repudiandae sapiente veniam. Accusamus aperiam blanditiis consequatur consequuntur, cum ea eaque enim esse expedita facere facilis ipsum obcaecati omnis praesentium quae recusandae rem totam ullam.</span><span>Blanditiis eos, id minus nobis odio pariatur repellendus soluta voluptatum? Atque, dolor dolore hic iusto quibusdam quo? Aliquam asperiores dicta dolor enim esse nemo nesciunt quod sunt vero voluptatum? Dolore.</span><span>Architecto assumenda atque autem commodi cum dolores illum iure labore laborum magni nesciunt non sapiente, veniam vero voluptatibus? Architecto, aut delectus esse ex exercitationem natus ratione repellat repellendus saepe ut.</span><span>Cupiditate facilis iure, magnam necessitatibus nihil quaerat quidem quis quisquam sed voluptatibus. Adipisci asperiores assumenda culpa dolor dolores est illum modi obcaecati officiis pariatur! Asperiores distinctio magni quisquam rerum sit?</span><span>Accusamus iusto laudantium, libero omnis praesentium quas repellat tempora. Inventore molestiae quas repellat ut voluptas! Aliquid aut, deleniti dolores earum ipsa laboriosam laudantium modi necessitatibus quasi quis quisquam repellendus, reprehenderit?</span><span>Aliquam cum delectus deleniti dolores ea earum expedita hic illo, laborum libero magnam minus molestiae nesciunt numquam quos reiciendis, soluta suscipit tenetur veniam voluptatibus! Accusamus et explicabo ipsam non nostrum.</span><span>Atque, aut consequuntur cumque dicta dignissimos dolor, dolore dolorum eligendi error explicabo illum ipsa iste labore laudantium minus modi odio placeat possimus quae quam rerum vel veritatis voluptatem! Excepturi, impedit.</span><span>Amet aspernatur assumenda culpa ea et hic impedit, in iste laborum laudantium maiores nemo non odio placeat porro quas recusandae reiciendis repellat sint soluta temporibus ut velit voluptate. Quas, voluptatibus.</span><span>Animi ex id nemo nulla quas. Aut beatae, culpa dignissimos, earum eius iste magni maxime neque possimus, quaerat rerum sequi tenetur? Enim libero magni minus omnis sint. Fuga, quo repellat.</span><span>Consequuntur, cum delectus. Accusantium ad aspernatur at autem commodi consectetur dolore eos et harum labore libero magnam, minima nam natus nulla optio, provident quam quisquam, quos recusandae sequi temporibus voluptas.</span><span>Adipisci at blanditiis cumque dolore eveniet fugit illum labore odio ratione? Delectus eum fugiat illum impedit itaque provident repudiandae sed sequi, sint voluptas? Et iure labore nemo quibusdam rem vero.</span><span>Atque eveniet ipsum magnam nesciunt officia quas quidem quis rerum sit, ullam. Eaque in placeat repudiandae? Aut doloremque ea explicabo facere magnam nulla ratione reprehenderit sapiente, similique tempore, temporibus ullam.</span><span>Ab aliquid at consequatur, corporis distinctio doloremque ducimus ea earum esse, ipsum, molestiae provident quam qui quia quidem repudiandae voluptate. A, aut corporis et pariatur quaerat quis tempore ut voluptatem.</span><span>A accusantium cum laboriosam minima tempora? Aspernatur commodi consequatur corporis debitis dignissimos dolorum eius, enim est ex, in ipsum laborum laudantium mollitia numquam odio placeat quasi reiciendis repudiandae sint ut.</span><span>Ab ad aliquam culpa cupiditate debitis delectus dolores ducimus eius, est et eveniet facilis fuga ipsum laudantium, molestiae mollitia nemo neque obcaecati odit officiis porro quae repellat sapiente ullam voluptates!</span><span>A accusamus ad adipisci blanditiis cum dolor eius, facilis fugiat, laudantium libero nihil porro possimus quam rem sequi suscipit vel! Accusamus assumenda atque beatae molestiae optio quibusdam tempore ullam. Obcaecati?</span><span>Aut facere ipsum iste? Assumenda consectetur consequatur corporis ducimus expedita odio praesentium quis tempora. Accusantium aliquid dignissimos, dolor exercitationem harum laudantium maxime minima nam nihil officiis perspiciatis possimus provident sint.</span><span>Et ex harum, incidunt ipsam magni nulla obcaecati, provident quas quia rem soluta sunt unde velit! A delectus dolorem molestias obcaecati. Consequuntur dolores eius illum obcaecati provident quisquam repellat voluptate?</span><span>Alias esse fugit, illo iusto labore natus recusandae sint sunt tempore voluptate. Alias doloremque eaque earum explicabo minus quasi quidem ut? A accusantium, cum dolore doloribus facere quos voluptas voluptatibus!</span><span>Ad amet cum delectus, doloremque ea, impedit ipsum itaque laudantium libero, magni nihil perspiciatis praesentium quas qui quis quos totam vero! Cumque dolore dolorum iste iusto magni quaerat sequi veniam.</span><span>Assumenda debitis dolor ex expedita fugit harum, illo iure magnam maiores mollitia nisi quia quo recusandae sequi similique temporibus totam. Animi aut cum esse, libero nemo odit provident sit vel.</span><span>Ad consequatur ea exercitationem expedita explicabo labore, natus neque qui quia quis quos ratione reprehenderit voluptatum. Aliquid culpa harum in ipsam iste magni minima, molestias quaerat, sed, sequi sint sunt.</span><span>Animi assumenda consectetur cumque, deserunt dignissimos enim eos est eum excepturi iusto magni mollitia, non, odio omnis provident quo totam ut vero? Corporis culpa minima provident quisquam quos voluptatibus. Incidunt.</span><span>Consequatur consequuntur dicta dolorem doloribus eaque fugit, maxime optio pariatur placeat reiciendis! Accusamus, aperiam, beatae, expedita itaque laudantium modi molestiae nemo nesciunt non numquam obcaecati officia placeat porro possimus vel?</span><span>Eius hic illum impedit quam sequi tenetur totam ullam! Adipisci alias amet atque consectetur, consequatur, consequuntur dolorum, ex incidunt ipsum nemo porro repellat similique totam. Amet doloribus iure iusto nostrum.</span><span>Consequuntur cum eum expedita, magni nemo perferendis provident ullam voluptate! Ab aut beatae cupiditate, dolore dolorum eligendi neque repellendus? Dignissimos dolores, illo minima modi nemo quam quisquam rerum tempora vel.</span>
</p>
<h3 id="c2">第二章 蓬莱学艺</h3>
<p>
    <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium aperiam atque corporis deserunt dolor dolorem earum eligendi, est maxime minima molestiae non odio perferendis perspiciatis placeat quod similique veniam vero?</span><span>A ab alias aut beatae debitis, delectus dicta dolore doloribus ea eos eveniet ex explicabo hic, ipsa libero maxime molestias necessitatibus nobis obcaecati odit porro, praesentium recusandae reprehenderit sed similique.</span><span>Ad alias amet architecto consectetur, dolor dolorem eos esse fuga hic in laudantium, neque non odit quisquam tempore ullam veniam. A cum ducimus exercitationem, incidunt ipsa itaque libero obcaecati voluptatibus.</span><span>Obcaecati, recusandae sed? Ab, ad commodi dignissimos dolor dolorem ducimus eveniet excepturi explicabo id laudantium minima natus numquam officiis, quasi quidem recusandae reiciendis saepe sunt totam velit veniam voluptate, voluptatibus!</span><span>Accusantium architecto impedit officia placeat sapiente! Ab error nam repellendus! Aut fugit libero necessitatibus nisi, nobis porro quae ratione rerum sequi suscipit. Ab ad eum fugiat neque optio saepe veritatis?</span><span>Accusantium adipisci amet aut, consequatur consequuntur, corporis dicta dolores ea harum ipsum iste iure nostrum omnis quam quas quod quos reprehenderit tenetur unde voluptates! Mollitia nesciunt sapiente tempore unde voluptatibus.</span><span>Deleniti dolorum eaque facere iure placeat, tempore tenetur. Culpa eos esse harum laboriosam laborum libero molestias mollitia sed unde veritatis! Commodi debitis eos ipsa labore omnis optio quibusdam ratione voluptate?</span><span>A accusantium commodi consequatur eum nulla perferendis reiciendis sed tempore, unde? Asperiores assumenda fugit illum in ipsa itaque minima pariatur, praesentium quam quasi ratione repellendus repudiandae similique totam voluptas? Officiis?</span><span>Alias aliquam assumenda corporis culpa debitis, eos error et facere ipsam iure labore laudantium minima neque nobis non nulla optio quia quisquam, quod reiciendis repellendus sint velit, veniam veritatis voluptatem?</span><span>Accusantium adipisci alias aperiam consequatur, ea eius est, eveniet fugit illum, ipsa iste laborum nesciunt obcaecati officia officiis qui repellat similique sint sit tempore tenetur vero vitae. Consequuntur, ipsa, tenetur.</span><span>Assumenda cupiditate dolorum excepturi explicabo iste maxime quis, quos voluptates? Ad asperiores aut dolorum eum ex, fugiat fugit magni modi, nihil nulla odit perferendis quisquam rem reprehenderit repudiandae, sint ut.</span><span>Enim, est iusto minima nam perspiciatis porro quae rem repellat. Aliquam asperiores beatae commodi, cum dignissimos doloribus eligendi eum ipsa ipsum iste iusto modi molestiae, mollitia nostrum, rem tempora veniam!</span><span>Blanditiis eos eum libero saepe sed. Accusantium aut consequatur consequuntur corporis dolor dolorem dolores ducimus eligendi laborum, laudantium maxime nam non, nostrum omnis provident quaerat quas, quasi quod repellendus sint?</span><span>Accusamus alias atque eius error incidunt iure quae qui ratione? Deleniti eius ipsam odit placeat, quae quas voluptates? Ad doloribus ducimus nihil nostrum, officia omnis pariatur quasi quisquam vel voluptate?</span><span>Et libero quia quibusdam. Accusamus ipsam nobis obcaecati porro rem saepe sint totam! Accusantium molestias nisi recusandae saepe voluptates! Ex exercitationem illo inventore ipsam nulla, placeat quae quis saepe tenetur.</span><span>A architecto consectetur distinctio ea fugiat, hic incidunt magnam minima minus molestiae nemo nostrum officiis possimus praesentium quas quod quos repudiandae voluptatibus? Commodi consectetur distinctio mollitia nulla perspiciatis quasi sit?</span><span>A alias amet consectetur dolore dolorum, eius et eum facere illum impedit iure libero molestias nemo non perspiciatis placeat, quibusdam ratione recusandae reiciendis sint sunt suscipit tempore vel vitae voluptatum.</span><span>Accusantium adipisci doloribus eos esse eum facere, hic laborum, minima nemo perspiciatis quaerat quidem quis sequi sit suscipit unde voluptas? A consequuntur facere ipsum nemo nihil perferendis quibusdam quis veritatis.</span><span>Accusamus at beatae delectus, distinctio earum eligendi est et eum expedita illum in incidunt laudantium molestiae nam natus nihil nobis, optio placeat porro provident quas quod quos recusandae sit voluptate.</span><span>Accusamus amet architecto at consequuntur debitis delectus deserunt dicta dolorum eos expedita itaque laborum minima quae, rem soluta temporibus unde, voluptatem. Cupiditate dolore expedita odio praesentium, quidem quod ut veritatis!</span><span>Facere molestias neque quae unde velit! Alias aliquam architecto consectetur dolore dolorum ducimus eius et eveniet illo mollitia nulla obcaecati, optio praesentium quam quos reiciendis tempora tempore veritatis voluptatibus voluptatum!</span><span>Alias animi commodi cupiditate deserunt doloremque eaque, magni nihil nostrum officia quisquam quo repellendus saepe temporibus. Aliquam blanditiis illum in iste quis sequi ut? Amet autem consequuntur eius pariatur veritatis!</span><span>Delectus eligendi facilis, iusto laudantium quae quam voluptatibus. A accusamus aliquid, aperiam consequatur dolor dolorem eaque, illum natus nobis quas sit tempore unde? Necessitatibus nobis nostrum perferendis praesentium veniam voluptate.</span><span>Architecto dolorem, dolorum ducimus explicabo fuga fugiat laboriosam, officia officiis possimus quibusdam rem saepe sapiente sint sit sunt, vitae voluptatibus? Beatae cumque impedit iure minus porro sed sequi, sunt totam?</span><span>Aspernatur assumenda, deserunt earum, eos eveniet impedit in labore, minus mollitia officiis perspiciatis quo recusandae rem reprehenderit sapiente unde voluptates? Amet consectetur dignissimos dolore eaque minus natus nemo officia pariatur!</span><span>Assumenda corporis earum ex exercitationem illo, laudantium neque officiis pariatur, porro praesentium quis quisquam, repellat repellendus. Corporis cumque cupiditate enim error libero, modi, nesciunt porro qui repellat unde vero voluptatibus?</span><span>Aspernatur doloribus enim est nesciunt nostrum praesentium quae repellendus, voluptatibus. Accusantium asperiores aut beatae consequuntur culpa distinctio dolores dolorum in laboriosam, molestiae optio quam, quibusdam repellendus similique tempora velit veritatis.</span><span>A aliquam aperiam, aspernatur aut culpa debitis dolore dolores dolorum eos excepturi fugiat hic ipsam ipsum magnam necessitatibus nobis non omnis pariatur placeat quam quisquam quo reiciendis rem repudiandae sapiente.</span><span>Aspernatur assumenda at atque aut, autem consectetur, cupiditate eaque earum eos error est eveniet explicabo, fuga illo incidunt iusto natus nemo nisi nobis officiis quo quos recusandae similique tempore voluptatibus!</span><span>Aliquam deleniti eaque ipsum. A alias amet aspernatur aut doloribus earum eligendi et facere illo illum labore magnam necessitatibus nulla, officia porro praesentium quo saepe sapiente temporibus vitae! Magnam, similique.</span>
</p>
<h3 id="c3">第三章 大闹地府</h3>
<p>
    <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, amet animi consectetur consequuntur cupiditate dolore doloremque eius error et magnam magni natus porro quam ratione, rem tempora, tenetur vero voluptatibus.</span><span>Atque culpa deserunt dolore doloremque exercitationem harum hic nostrum, optio pariatur quidem ratione reiciendis rerum sapiente sed veritatis voluptatem voluptates, voluptatum. Alias delectus dolores error excepturi, facere incidunt perferendis quo!</span><span>Accusantium ad amet autem cumque deleniti dolore dolores enim error facere fugit impedit ipsa ipsam magnam maiores mollitia porro praesentium quasi qui, rem repellendus repudiandae tempora ullam unde voluptate voluptates!</span><span>Eligendi eveniet in laborum quaerat sapiente suscipit, vel. Aliquam autem et vel! A aliquid cumque facere ipsam libero nesciunt odio officia quas quo, repudiandae, sapiente tenetur unde ut vitae voluptas.</span><span>Architecto, aut cumque debitis, dignissimos ea eveniet nam nihil omnis porro quis quos recusandae unde vel. Consectetur distinctio dolore dolorem ea eligendi error fugiat ipsam, nesciunt perferendis, repellendus sapiente totam?</span><span>Aperiam dolorem fuga illo, libero nemo nesciunt rem! Ad aspernatur earum eveniet iusto quaerat quas quia repellat sunt! Nesciunt possimus repudiandae sequi! Eius expedita id pariatur? Enim ipsa iste temporibus.</span><span>Ad aliquam aperiam aspernatur at autem blanditiis commodi consequatur distinctio doloribus earum expedita facilis laudantium, maiores natus officiis perferendis provident quam quo quod quos repellat rerum sequi sunt voluptas voluptatum.</span><span>Ad adipisci aliquid animi asperiores, dolorum eaque eos eum, fuga ipsam magni quod reiciendis repellendus repudiandae similique temporibus voluptas voluptate. Consectetur cumque doloremque excepturi, laborum libero maiores nostrum tempora voluptates!</span><span>Odio porro rem repellendus! Asperiores beatae debitis deleniti exercitationem odit quasi. Consectetur ipsa qui ratione saepe tempore totam vel. Beatae corporis cupiditate ducimus, facere quam quo voluptas? Atque exercitationem, quia?</span><span>A animi, assumenda atque debitis delectus deleniti dignissimos distinctio doloremque dolores dolorum esse eum excepturi in incidunt molestiae nemo nihil nobis omnis optio quam rem sapiente totam ut veniam veritatis.</span><span>Aliquam at beatae corporis debitis, delectus dignissimos dolorem, eos eum facilis, id laudantium minus nulla quisquam voluptate voluptatem? Asperiores corporis dolorum ducimus fuga ipsam officiis quas voluptate! Nam numquam, repellendus.</span><span>Aperiam dignissimos eaque iusto maiores pariatur placeat porro, quidem unde ut voluptates? Ab accusamus aliquid architecto asperiores aspernatur, beatae facilis fugiat illum laboriosam porro quia quidem quod, suscipit veniam vitae.</span><span>Amet commodi doloribus dolorum error, ex fugit illo incidunt molestiae nulla perferendis perspiciatis quae quaerat repellat reprehenderit sapiente ut voluptatibus. Autem consectetur distinctio eligendi facere itaque molestiae nostrum quidem unde.</span><span>Ad, amet asperiores consequuntur debitis doloribus ea expedita id impedit itaque nam nostrum praesentium quas quasi quis quo quod sapiente sed similique vel voluptatem. Dolore iure labore officiis quidem tempora!</span><span>A adipisci, alias aliquam doloremque ea esse, ipsa iste, magnam nam nemo nihil quia quos reiciendis repudiandae sed totam veniam voluptatibus. Aliquam consequuntur cupiditate earum itaque molestiae placeat quia voluptate?</span><span>Aliquid aperiam aut beatae ducimus eaque eius, facere laboriosam laborum minus molestiae nemo nesciunt odio quibusdam quidem quo ratione rerum sed sint soluta voluptates. Harum molestiae quidem ratione sed voluptate!</span><span>Ab aut consectetur distinctio, dolorum eligendi iste maiores ratione? Aliquid deleniti, distinctio ducimus fuga fugit, maxime nemo nisi, nulla odit optio perspiciatis quia quod sint sit voluptatibus. Expedita, quibusdam veniam.</span><span>Cum, deserunt, dolores ex harum illum inventore maiores nemo nostrum omnis optio perspiciatis soluta! Atque consequuntur doloremque dolorum est et eum explicabo iure laborum libero molestias, odit quos velit vero?</span><span>Accusamus aliquid beatae exercitationem impedit molestias non ratione reprehenderit. Animi aspernatur consectetur cumque delectus deserunt dignissimos dolore doloribus error, eum expedita facere, impedit nam odio quas quidem quo rem voluptatum.</span><span>A accusantium alias amet, animi at aut commodi dolore, exercitationem illo iste iusto, numquam optio praesentium quam quidem quis reprehenderit sint ullam vel velit veritatis voluptatibus voluptatum. Debitis, recusandae, totam?</span><span>A amet animi dignissimos ducimus iure maxime minus non odio quisquam? Aliquam commodi delectus enim, est itaque quos sunt tempora temporibus unde veritatis. Adipisci assumenda ducimus ea fugit minima numquam!</span><span>Alias amet culpa eos, facilis fuga fugiat id minus modi rem sit? Eaque harum, incidunt iste molestiae quae sed. Doloremque facere modi non, nostrum sapiente sed unde? Quas, suscipit velit!</span><span>Ad labore laborum mollitia odit quod! Accusamus alias asperiores at aut dignissimos eaque eius fugiat id in iste itaque iure maxime molestiae nobis nostrum omnis pariatur, quas saepe sequi ullam!</span><span>Animi architecto beatae corporis dignissimos dolore, dolores ea eaque eius eos fugit impedit ipsam ipsum, laudantium libero natus neque nesciunt nisi nulla numquam quia quos sint veritatis voluptas voluptatem voluptatum.</span><span>Ab animi aperiam at, aut corporis doloremque, ducimus eaque explicabo facilis fugiat harum ipsum itaque magni maiores mollitia officiis omnis quaerat quidem quo sit soluta, sunt temporibus unde vero voluptatum.</span><span>Accusantium dolore ea exercitationem hic impedit in necessitatibus nemo, possimus quam saepe similique sint tempora. Accusamus autem nam omnis rem suscipit! Aperiam atque consequuntur et, id maiores rem similique temporibus!</span><span>Ad, amet aperiam beatae dicta error explicabo illum iste iure modi omnis perferendis quidem quod suscipit temporibus tenetur, veniam voluptate? Adipisci aliquam cumque eius numquam totam! Dolores est nesciunt unde?</span><span>Ab ducimus molestiae, nobis officiis praesentium sint vero voluptatibus. Asperiores est et expedita explicabo facere fuga minima molestias nemo odit, possimus quisquam repellendus sed, temporibus unde vel. Commodi officiis, quo?</span><span>Dolores in omnis quia quis unde? Culpa delectus dignissimos earum fuga illo itaque maiores maxime molestias optio voluptate! A architecto commodi dolorum ex nostrum obcaecati pariatur quibusdam quo repellendus soluta!</span><span>Fuga impedit ipsa molestias necessitatibus nesciunt nobis provident qui quidem totam voluptates! Hic, reprehenderit, veniam! Accusantium beatae cumque error eum magnam nobis officia quia quidem sunt temporibus. Eius id, qui.</span>
</p>
<a href="#">快速跳转至顶部</a>

</body>
</html>